<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>中酒网</title>
    <link rel="stylesheet" href="js/node_modules/bootstrap/dist/css/bootstrap.css">
    <link rel="stylesheet" href="css/style-static.css">

    <script src="js/node_modules/jquery/dist/jquery.js"></script>
    <script src="js/node_modules/bootstrap/dist/js/bootstrap.js"></script>

    <link rel="stylesheet" href="css/index.css">
    <script src="js/index.js"></script>
</head>
<body>
<!--最顶部开始-->
<div id="top">
    <b>您好，欢迎来到
        <em>中酒网!</em>
        <a href="#">去买家中心</a>
    </b>
    <ul>
        <li>
            <a href="Login.html">请登录</a>
            &nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;
            <a href="Register.html">免费注册</a>
        </li>
    </ul>
    <ul class="toplist">
        <li class="bb">
            <span class="blank"></span>
            <a href="#" >我的中酒网<i class="iconfont topi">&#xe61a;</i></a>

            <div class="sitemap">
                <ul>
                    <li>
                        <a href="#">已买到的商品</a>
                    </li>
                    <li>
                        <a href="#">我关注的商品</a>
                    </li>
                    <li>
                        <a href="#">我关注的店铺</a>
                    </li>
                </ul>
            </div>
        </li>
        <li>
            <a href="#">购物车 <span>0</span> 件</a>
        </li>
        <li class="bb">
            <span class="blank"></span>
            <a href="#" >微信端</a>
            <div class="weixinewm">
                <span></span>
            </div>
        </li>
        <li class="bb">
            <span class="blank"></span>
            <a href="#" >APP</a>
            <div class="appewm">
                <span></span>
            </div>
        </li>
        <li class="bb">
            <span class="blank"></span>
            <a href="#" >卖家中心<i class="iconfont topi">&#xe61a;</i></a>
            <div class="service">
                <ul>
                    <li>
                        <a href="#">商品入驻</a>
                    </li>
                    <li>
                        <a href="#">已卖出商品</a>
                    </li>
                    <li>
                        <a href="#">管理商品</a>
                    </li>
                </ul>
            </div>

        </li>
        <li class="bb">
            <span class="blank"></span>
            <a href="#" >网站导航 <i class="iconfont ">&#xe61a;</i> </a>
            <div class="top_nav">
                <ul>
                    <h3>买酒</h3>
                    <li>白酒</li>
                    <li>黄酒</li>
                    <li>葡萄酒</li>
                    <li>整箱</li>
                    <li>婚庆</li>
                    <li>黄酒</li>
                </ul>
                <ul>
                    <h3>品牌</h3>
                    <li>茅台</li>
                    <li>五粮液</li>
                    <li>红星</li>
                    <li>牛栏山</li>
                    <li>婚庆</li>
                    <li>黄酒</li>
                    <li>五粮液</li>
                    <li>红星</li>
                    <li>牛栏山</li>
                </ul>
                <ul>
                    <h3>其他</h3>
                    <li>帮助中心</li>
                    <li>品牌咨询</li>
                    <li>品牌导航</li>
                    <li>整箱</li>
                    <li>APP下载</li>
                </ul>
                <ul>
                    <li>
                        <a href="#">订购热线：<span>400-789-9999</span></a>
                    </li>
                </ul>
            </div>
        </li>
        <li>
            <a href="#">订购热线：<span>400-789-9999</span></a>
        </li>
    </ul>
</div>
<!--最顶部结束-->
<header>
    <div class="header">
        <div class="logo"></div>
        <div class="leftgif"></div>
        <div class="search">
            <select class="searchBox-nav">
                <option>商品</option>
                <option>店铺</option>
            </select>
            <input class="searchBox" type="text" placeholder="茅台"/>
            <input type="button" class="searchBtn" value="搜索"/>
            <div class="search-nav">
                <ul>
                    <li>
                        <a href="#">茅台醇</a>
                    </li>
                    <li>
                        <a href="#">青稞酒</a>
                    </li>
                    <li>
                        <a href="#">五星级</a>
                    </li>
                    <li>
                        <a href="#">泸州老窖</a>
                    </li>
                    <li>
                        <a href="#">洋河</a>
                    </li>
                    <li>
                        <a href="#">茅台</a>
                    </li>
                    <li>
                        <a href="#">五粮液</a>
                    </li>
                    <li>
                        <a href="#">国窖1573</a>
                    </li>
                    <li>
                        <a href="#">拉菲</a>
                    </li>
                </ul>
            </div>
        </div>
        <div class="rightimg"></div>
    </div>
</header>
<nav>
    <div class="nav clear">
        <div class="nav-list">
            <a href="#"><i></i> 全部商品分类</a>
        </div>
        <ul>
            <li>
                <a href="#">首页</a>
            </li>
            <li>
                <a href="#">白酒特惠区</a>
            </li>
            <li>
                <a href="#">红洋特惠区</a>
            </li>
            <li>
                <a href="#">新品推荐</a>
            </li>
            <li>
                <a href="#">积分商城</a>
            </li>
        </ul>
    </div>
</nav>

<div id="banner">
    <div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
        <!-- 轮播图 -->
        <ol class="carousel-indicators">
            <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
            <li data-target="#carousel-example-generic" data-slide-to="1"></li>
            <li data-target="#carousel-example-generic" data-slide-to="2"></li>
            <li data-target="#carousel-example-generic" data-slide-to="3"></li>

        </ol>

        <!-- Wrapper for slides -->
        <div class="carousel-inner" role="listbox">
            <div class="item active">
                <img src="images/banner01.jpg" class="myimg" alt="...">

            </div>
            <div class="item">
                <img src="images/banner02.jpg" class="myimg" alt="...">

            </div>
            <div class="item">
                <img src="images/banner03.jpg" alt="...">

            </div>
            <div class="item">
                <img src="images/banner04.jpg" alt="...">

            </div>
        </div>
    </div>
    <div class="banner-wrap">
        <div class="banner-wrap-list">
            <div class="banner-list">
                <ul>
                    <li>
                        <i class="iconfont">&#xe728;</i>
                        <h3>  白酒</h3>
                        <a href="#">茅台</a>
                        <a href="#">牛栏山</a>
                        <a href="#">五粮液</a>
                    </li>
                    <li>
                        <i class="iconfont">&#xe613;</i>
                        <h3> 葡萄酒</h3>
                        <a href="#">拉菲</a>
                        <a href="#">张裕</a>
                        <a href="#">黄尾袋鼠</a>
                    </li>
                    <li>
                        <i class="iconfont">&#xe634;</i>
                        <h3>洋酒</h3>
                        <a href="#">马爹利</a>
                        <a href="#">人头马</a>
                        <a href="#">芝华士</a>
                    </li>
                    <li>
                        <i class="iconfont">&#xe624;</i>
                        <h3>黄酒</h3>
                        <a href="#">尧喝货</a>
                        <a href="#">唐宋</a>
                        <a href="#">塔牌</a>
                    </li>
                    <li>
                        <i class="iconfont">&#xe638;</i>
                        <h3> 礼盒专区</h3>
                        <a href="#">国台好礼</a>
                        <a href="#">五粮液五星级</a>
                    </li>
                    <li>
                        <i class="iconfont">&#xe601;</i>
                        <h3>婚庆专区</h3>
                        <a href="#">茅台</a>
                        <a href="#">拉菲</a>
                        <a href="#">五粮液</a>
                        <a href="#">张裕</a>
                    </li>
                </ul>
            </div>
            <div class="banner-list-two">
            <div class="list-two-left">
                <dl>

                </dl>
            </div>
            <div class="list-two-right">
                <p>推荐品牌</p>

            </div>
        </div>
        </div>
        <div class="banner-rightimg">
            <!--banner右侧两张图片-->
            <div class="banner-right1 hoverleft"></div>
            <div class="banner-right2 hoverleft"></div>
        </div>
    </div>
</div>
<div id="fixed-right">
    <ul>
        <li>
            <a href="#">
                <i class="iconfont">&#xe611;</i>
            </a>
            <span>
                个人中心
                <i class="iconfont">&#xe62f;</i>
            </span>
        </li>
        <s></s>
        <li>
            <a href="#">

            </a>
        </li>
        <s></s>
        <li>
            <a href="#">
                <i class="iconfont">&#xe600;</i>
            </a>
            <span>资产中心
            <i class="iconfont">&#xe62f;</i></span>
        </li>
        <li>
            <a href="#">
                <i class="iconfont">&#xe612;</i>
            </a>
            <span>关注商品
            <i class="iconfont">&#xe62f;</i></span>
        </li>
        <li>
            <a href="#">
                <i class="iconfont">&#xe623;</i>
            </a>
            <span>浏览历史
            <i class="iconfont">&#xe62f;</i></span>
        </li>
        <s></s>
        <li>
            <a href="#" class="kefu">客服</a>
            <span>
                <a href="#">妮妮</a>
                <a href="#">佳佳</a>
                <i class="iconfont">&#xe62f;</i>
            </span>
        </li>
    </ul>
</div>
<footer></footer>
</body>
</html>